﻿
						<!-- /PAGE HEADER -->
						<!-- FORMS -->
						<div class="row">
							<div class="col-md-12">
								<div class="row">
									<div class="col-md-6">
										<!-- BASIC -->
										<div class="box border orange">
											<div class="box-title">
												<h4><i class="fa fa-bars"></i>添加管理员1</h4>
												<div class="tools hidden-xs">
													<a href="#box-config" data-toggle="modal" class="config">
														<i class="fa fa-cog"></i>
													</a>
													<a href="javascript:;" class="reload">
														<i class="fa fa-refresh"></i>
													</a>
													<a href="javascript:;" class="collapse">
														<i class="fa fa-chevron-up"></i>
													</a>
													<a href="javascript:;" class="remove">
														<i class="fa fa-times"></i>
													</a>
												</div>
											</div>
											<div class="box-body big">
												<form name="form"  class="form-horizontal" enctype="multipart/form-data" action="" method="post" role="form">

												<div class="form-group">
												 <label class="col-md-2 control-label">头像</label>
												 <div class="col-md-10">
													<input type="file" name="file[]"  multiple class="form-control" id="inputPassword3" placeholder="请选择图片">
												 </div>
											  </div>

												  <div class="form-group">
													<label id="username" for="inputEmail3" class="col-sm-2 control-label">用户名</label>
													<div class="col-sm-10">
													  <input type="text" name="username" class="form-control" id="inp_username" placeholder="请输入用户名">
														<span class="prompt_username">2~10个字符,支持文字、数字和字母</span>
													</div>
												  </div>

												  <div class="form-group">
													<label for="inputPassword3" class="col-sm-2 control-label">密码</label>
													<div class="col-sm-10">
													  <input type="password" name="password" class="form-control" id="inputPassword3" placeholder="请输入密码">
													<span class="prompt_password">6~16个字母或数字，区分大小写</span>
													</div>
												  </div>

													<div class="form-group">
													<label for="inputPassword3" class="col-sm-2 control-label">年龄</label>
													<div class="col-sm-10">
													  <input type="text" name="age" class="form-control" id="inputPassword3" placeholder="请输入年龄">
													</div>
												  </div>

											<div class="form-group">
											 <label class="col-md-2 control-label">性别</label>
											 <div class="col-md-10">
												<label><input name="sex" type="radio" value="1" />女</label>
												<label><input name="sex" type="radio" value="0" />男 </label>
											 </div>
										  </div>
												  <div class="form-group">
													<div class="col-sm-offset-2 col-sm-10">
													 <!--  写成check()只是调用了，但是没有返回值，因此要写成return check() -->
													  <button type="submit" class="btn btn-pink" onclick="return check()">提交</button>
													</div>
												  </div>
												</form>

											</div>
										</div>
										<!-- /BASIC -->
										<!-- BASIC -->

										<!-- /BASIC -->
									</div>

								</div>

								</div>
								<!-- /SAMPLE -->
							</div>
						</div>
 <script type="text/javascript">
function check() {
    // 验证用户名
    var username=form.username.value;//获取表单form1的用户名的值
	var reg_username=/([0-9]|[a-zA-Z]|[\u4e00-\u9fa5\uf900-\ufa2d]){2,10}/;
	var result_username=reg_username.exec(username);

    if((username=="")||(username==null)){//判断用户名是否为空，为空就弹出提示框"请输入用户名"，否则正常执行下面的代码。
       // alert("请输入用户名！");
       var html='请输入用户名！';
       $('.prompt_username').html(html);
        form.username.focus();//获取焦点，即：鼠标自动定位到用户名输入框，等待用户输入用户名。
        return false;
    }else if(username>10||username<2){
    	 var html='字数超出或少于2个字符，请重新输入！';
       $('.prompt_username').html(html);
        form.username.focus();//获取焦点，即：鼠标自动定位到用户名输入框，等待用户输入用户名。
        return false;
    }else if(result_username==null){
    	var html='仅支持字母、数字或汉字，请重新输入！';
       $('.prompt_username').html(html);
        form.username.focus();
        return false;
    }

    //验证密码
 //    var password=form.password.value;//获取表单form1的用户名的值
	// var reg_password=/([0-9]|[a-z]|[A-Z]){6,16}/;
	// var result_password=reg_password.exec(password);

 //    if((password=="")||(password==null)){//判断用户名是否为空，为空就弹出提示框"请输入用户名"，否则正常执行下面的代码。
 //       // alert("请输入用户名！");
 //       var html='请输入密码！';
 //       $('.prompt_password').html(html);
 //        form.password.focus();//获取焦点，即：鼠标自动定位到用户名输入框，等待用户输入用户名。
 //        return false;
 //    }else if(password>16||password<6){
 //    	 var html='字数超出或少于6个字符，请重新输入！';
 //       $('.prompt_password').html(html);
 //        form.password.focus();//获取焦点，即：鼠标自动定位到用户名输入框，等待用户输入用户名。
 //        return false;
 //    }else if(password==null){
 //    	var html='仅支持字母和数字，区分大小写！';
 //       $('.prompt_password').html(html);
 //        form.password.focus();
 //        return false;
 //    }

}
</script>


